<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>上门配药</title>
		<style type="text/css">
			html,body{
				min-height: 500px;
			}
		</style>
		<link rel="stylesheet" type="text/css" href="../../css/yiyao/list.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/layer.css"/>
		<script src="../../js/layer.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<header class="positionR colorF height7">
			<img src="../../img/yihu/fanhui.png" onclick="window.history.go(-1)"/>
			<div class="height30"></div>
			<div class="textC font1-4">上门配药</div>
		</header>
		<div id="main" class="none">
			<div class="headtop">
				<div class="height20"></div>
				<ul>
					<li class="width25 fl" v-for="n in 4">
						<div class="width70 font1-2 LH2 textC Mauto" v-bind:class="{ center: (isActive == n) }" @click="switchstate(n)">
							{{titles[n-1]}}
						</div>
					</li>
				</ul>
			</div>
			<div class="list" ref="mybox" v-if="isActive == 1" v-on:scroll.passive="onScroll('mybox')">
				<ul>
					<li class="width90 Mauto overflowH radius10P MT20">
						<img class="height1-8R verticlM PL10 PR10" src="../../img/yiyao/05.png"/><input class="width80 font1-2 LH3" type="text" name="" id="" value="" v-model="oldMenName" placeholder="输入要搜索的老人姓名"/>
					</li>
					<li class="width90 Mauto overflowH radius10P MT20" v-for="item in response_0">
						<!--<div class="top font1-4 PL20 LH3">
							订单编号：{{item.orderId}}
						</div>-->
						<div class="chenter PL10 PR10" @click="openurl(3,item)">
							<p class="font1-4 LH3">
							<img class="headimg radius50" :src="ip+item.peopleIcon" onerror="this.src='../../img/yiyao/WomanElderly.png'" v-if="item.peopleGender == '0'"/>
							<img class="headimg radius50" :src="ip+item.peopleIcon" onerror="this.src='../../img/yiyao/ManElderly.png'" v-else/>
							&nbsp;&nbsp;{{item.peopleName}}&nbsp;&nbsp;
							<img class="xingbie" src="../../img/yihu/03.png" v-if="item.peopleGender == '0'"/>
							<img class="xingbie" src="../../img/yihu/04.png" v-else/>
							</p>
							<p class="dianhua font1-2 colorC LH2 PL10"><img src="../../img/yiyao/08.png"/>&nbsp;&nbsp;身份证号：{{item.peopleIdCard}}</p>
							<p class="dianhua font1-2 colorC LH2 PL10"><img src="../../img/yiyao/07.png"/>&nbsp;&nbsp;社保卡号：{{item.sbkh}}</p>
							<p class="dianhua font1-2 colorC LH2 PL10"><img src="../../img/yiyao/06.png"/>&nbsp;&nbsp;联系电话：{{item.peoplePhone}}</p>
							<p class="dianhua font1-2 colorC LH2 PL10"><img src="../../img/yiyao/02.png"/>&nbsp;&nbsp;配送地址：{{item.peopleAddress}}</p>
							
							<!--<div class="bord"></div>
							<div class="">
								<button class="chakan fr PB5 PT5 PL20 PR20 MT10 MB10 MR15 radius5P">去领取</button>
							</div>-->
						</div>
					</li>
				</ul>
				<p class="textC LH2">{{loading}}</p>
			</div>
			<div class="list" ref="mybox2" v-if="isActive == 2" v-on:scroll.passive="onScroll('mybox2')">
				<ul>
					<li class="width90 Mauto overflowH radius10P MT20" v-for="item in response">
						<div class="top font1-4 PL20 LH3 oneline">
							订单编号：{{item.orderId}}
						</div>
						<div class="chenter PL10 PR10" @click="openurl(0,item)">
							<p class="font1-4 LH3">
							<img class="headimg radius50" :src="ip+item.peopleIcon" onerror="this.src='../../img/yiyao/WomanElderly.png'" v-if="item.peopleGender == '1'"/>
							<img class="headimg radius50" :src="ip+item.peopleIcon" onerror="this.src='../../img/yiyao/ManElderly.png'" v-else/>
							&nbsp;&nbsp;{{item.peopleName}}&nbsp;&nbsp;
							<img class="xingbie" src="../../img/yihu/03.png" v-if="item.peopleGender == '0'"/>
							<img class="xingbie" src="../../img/yihu/04.png" v-else/>
							</p>
							<p class="dianhua font1-2 colorC LH2 PL10"><img src="../../img/yihu/02.png"/>&nbsp;&nbsp;申请时间：{{item.orderTime}}</p>
							<p class="dianhua font1-2 colorC LH2 PL10"><img src="../../img/yiyao/02.png"/>&nbsp;&nbsp;配送地址：{{item.peopleAddress}}</p>
							<div class="bord"></div>
							<div class="">
								<button class="chakan fr PB5 PT5 PL20 PR20 MT10 MB10 MR15 radius5P">去领取</button>
							</div>
						</div>
					</li>
				</ul>
				<p class="textC LH2">{{loading}}</p>
			</div>
			<div class="list" ref="mybox3" v-if="isActive == 3" v-on:scroll.passive="onScroll('mybox3')">
				<ul>
					<li class="width90 Mauto overflowH radius10P MT20" v-for="item in response2">
						<div class="top font1-4 PL20 LH3 oneline">
							订单编号：{{item.orderId}}
						</div>
						<div class="chenter PL10 PR10">
							<div @click="openurl(1,item)">
								<p class="font1-4 LH3">
								<img class="headimg radius50" :src="ip+item.peopleIcon" onerror="this.src='../../img/yiyao/WomanElderly.png'" v-if="item.peopleGender == '1'"/>
							<img class="headimg radius50" :src="ip+item.peopleIcon" onerror="this.src='../../img/yiyao/ManElderly.png'" v-else/>
								&nbsp;&nbsp;{{item.peopleName}}&nbsp;&nbsp;
								<img class="xingbie" src="../../img/yihu/03.png" v-if="item.peopleGender == '0'"/>
								<img class="xingbie" src="../../img/yihu/04.png" v-else/>
								</p>
								<p class="dianhua font1-2 colorC LH2 PL10"><img src="../../img/yihu/02.png"/>&nbsp;&nbsp;申请时间：{{item.orderTime}}</p>
								<p class="dianhua font1-2 colorC LH2 PL10"><img src="../../img/yiyao/02.png"/>&nbsp;&nbsp;配送地址：{{item.peopleAddress}}</p>
							</div>
							<div class="bord"></div>
							<div class="">
								<button class="chakan fr PB5 PT5 PL20 PR20 MT10 MB10 MR15 radius5P"> <a href="http://uri.amap.com/marker?position=121.4024662971,31.1681046545&name=万达信息&src=mypage&coordinate=gaode&callnative=0">查看路线</a></button>
							</div>
						</div>
					</li>
				</ul>
				<p class="textC LH2">{{loading}}</p>
			</div>
			<div class="list" ref="mybox4" v-if="isActive == 4" v-on:scroll.passive="onScroll('mybox4')">
				<ul>
					<li class="width90 Mauto overflowH radius10P MT20" v-for="item in response3">
						<div class="top font1-4 PL20 LH3 oneline">
							订单编号：{{item.orderId}}
						</div>
						<div class="chenter PL10 PR10" @click="openurl(2,item)">
							<p class="font1-4 LH3">
							<img class="headimg radius50" :src="ip+item.peopleIcon" onerror="this.src='../../img/yiyao/WomanElderly.png'" v-if="item.peopleGender == '1'"/>
							<img class="headimg radius50" :src="ip+item.peopleIcon" onerror="this.src='../../img/yiyao/ManElderly.png'" v-else/>
							&nbsp;&nbsp;{{item.peopleName}}&nbsp;&nbsp;
							<img class="xingbie" src="../../img/yihu/03.png" v-if="item.peopleGender == '0'"/><
							img class="xingbie" src="../../img/yihu/04.png" v-else/></p>
							<p class="dianhua font1-2 colorC LH2 PL10"><img src="../../img/yihu/02.png"/>&nbsp;&nbsp;申请时间：{{item.orderTime}}</p>
							<p class="dianhua font1-2 colorC LH2 PL10"><img src="../../img/yiyao/02.png"/>&nbsp;&nbsp;配送地址：{{item.peopleAddress}}</p>
							<div class="PT20"></div>
						</div>
					</li>
				</ul>
				<p class="textC LH2">{{loading}}</p>
			</div>
		</div>
		<script src="../../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/jquary.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/yiyao/list.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
